<script type="text/javascript">

  function isWeiXin(){
    var ua = window.navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }
  }
  function getQueryString(name){
      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);
      if(r!=null)return  unescape(r[2]); return null;
  }

  function getCookie(name){
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
    return unescape(arr[2]);
    else
    return null;
  }

  function gotoAuth(){
      var hrefWithoutHash = location.href.split('#')[0];
      location.replace("http://cas.winnovator.cn/auth/preAuth?appId=1783791821429760&redirect=" + hrefWithoutHash);
  }

  var ssoToken = getCookie("SSO-TOKEN");
  if(!ssoToken){
      gotoAuth();
  }

  var AppStorage = new function() {

      this.setValueInLocalStorage = function(t, a) {
          localStorage.setItem(t, a)
      }
      ,
      this.getValueInLocalStorage = function(t) {
          return localStorage.getItem(t)
      }
      ,
      this.removeValueInLocalStorage = function(t) {
          localStorage.removeItem(t)
      }
  }

</script>

<!doctype html>
<html class=no-js lang=zh-cmn-Hans>

  <head>
    <meta http-equiv=Content-Type content="text/html; charset=UTF-8">
    <title>儿童气质类型测试</title>
    <meta content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" name=viewport>
    <meta content="IE=edge,chrome=1" http-equiv=X-UA-Compatible>
    <meta name=apple-mobile-web-app-capable content=yes>
    <meta http-equiv=Cache-Control content="no-cache, no-store, must-revalidate">
    <meta http-equiv=Pragma content=no-cache>
    <meta http-equiv=Expires content=0>
    <meta http-equiv=cache-control content="max-age=0">
    <meta http-equiv=expires content="Tue, 01 Jan 1980 1:00:00 GMT">
    <meta name=apple-mobile-web-app-status-bar-style content=black>
    <link rel=stylesheet href=styles/main26.css>
    <link rel=stylesheet href=http://static.winnovator.cn/yoparent_scale/styles/26/perfect-scrollbar.css?v=1449898099060>
    <script src=http://static.winnovator.cn/yoparent_scale/scripts/26/modernizr.js?v=1449898099060></script>

    <style type="text/css">

    .full-page {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      margin: 0 auto;
      overflow: hidden;
      background-color: #f2f2f2;
    }
    @media (min-width: 640px) {
        .full-page {
          width: 640px;
        }

        .question-content-wrapper{
          padding-top: 20%;
        }
    }
    .page-content-wrapper .img-cover-top{
      top: 100px;
    }


    </style>
    <script>
        var paperId = "view26";
        window.eventLogger = {

            log: function(category, action, label){
                category = paperId + "_" + category;
                action = paperId + "_" + action;
                label = paperId + "_" + label;

                try {
                    _hmt.push(["_trackEvent", category, action, label, 0])
                } catch (e) {}

                $.get("http://logger.yoparent.cn/log.html?category=" + category + "&action=" + action + "&label=" + label + "&token=" + AppStorage.getValueInLocalStorage("scale-token"));
            }
        }
    </script>
  </head>

  <body>
    <img style="position: absolute; top: -10000px;" src="http://static.winnovator.cn/scale_demo/images/share.jpg?v=1449211270044">
    <!--[if lt IE 10]>
      <p class="browserupgrade">You are using an
        <strong>outdated</strong>browser. Please
        <a href="http://browsehappy.com/">upgrade your browser</a>to improve your experience.</p>
    <![endif]-->
    <div class="orientation full-page">
      <div class=orientation-wrap>
        <div class="loading icon-spinner"></div>
        <div class=mesg>请使用竖屏浏览，体验绝佳！</div></div>
    </div>
    <div class="ending full-page hide">
      <div class=mesg>让朋友们也来试试！
        <div class="share icon-redo2"></div></div>
    </div>
    <div class=container id=container>
      <div class="content-wrap full-page" id=content-wrap>
        <ul class="content page-content" id=content>
          <li class="page-content-wrapper active">
            <div class=page-border></div>
            <div class=img-cover main-img data-width=750 data-height=350>
              <img src=http://static.winnovator.cn/yoparent_scale/images/26/face.jpg?v=1449898099060>
              <div class=paper-title>儿童气质类型测试</div></div>
            <div class=can-scroll>
              <div class=paper-desc-wrapper>
                <div class=paper-desc>
                  <div class=paper-desc-content>从心理学的角度，你是什么气质类型呢？接下来的漫画将帮助你了解。</div></div>
                <div class=paper-expert>
                  <div class=paper-expert-content>
                    <div class=paper-expert-img-wrapper>
                      <img class=paper-expert-img src=http://static.winnovator.cn/yoparent_scale/images/26/expert.jpg?v=1449898099060></div>
                    <div class=paper-expert-info>本测试基于古希腊学者盖伦的四种气质类型学说，引用丹麦漫画家皮特苏特鲁普的经典漫画，由幸福创客独家编制。</div></div>
                </div>
              </div>
            </div>
            <br>
            <div class="continue-btn-wrap highlight">开始测试</div></li>
          <li class=page-content-wrapper attr-page attr-main data-id="q1">
            <div class=page-border></div>
            <div class=img-cover-title>
              有一天在公园里，有人不小心坐在你的帽子上，你觉得你更可能做出以下哪种反应：
            </div>
            <div class="img-cover img-cover-top" main-img>
              <div class=img-cover-content>
                <img class=choice src=http://static.winnovator.cn/yoparent_scale/images/26/1A.jpg?v=1449898099060>
                <img class=choice src=http://static.winnovator.cn/yoparent_scale/images/26/1B.jpg?v=1449898099060>
                <img class=choice src=http://static.winnovator.cn/yoparent_scale/images/26/1C.jpg?v=1449898099060>
                <img class=choice src=http://static.winnovator.cn/yoparent_scale/images/26/1D.jpg?v=1449898099060></div>
            </div>
            <div class="can-not-scroll question-content-wrapper">
              <!-- <div class=img-cover-title>有一天在公园里，有人不小心坐在你的帽子上，你觉得你更可能做出以下哪种反应：</div> -->
              <div class=sliderBox data-qid=q1 data-selectindex=0>
                <div class=axisBox>
                  <div class=range-x>
                    <div class=range-selected></div>
                  </div>
                  <div class="range-y range-y-1"></div>
                  <div class="range-y range-y-2"></div>
                  <div class="bar ui-draggable ui-draggable-handle">
                    <div class=big-circle>
                      <div class=small-circle></div>
                    </div>
                  </div>
                </div>
                <div class=axisLabel>
                  <span class=one-axis-label>A</span>
                  <span class=one-axis-label>B</span>
                  <span class=one-axis-label>C</span>
                  <span class=one-axis-label>D</span></div>
              </div>
            </div>
            <div id=tianLog></div>
            <br>
            <div class="result-btn-wrap highlight">查看答案</div></li>
          <li class="result prologue" id=prologue-need-result>
            <div class="result-content hide" id=r1>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.winnovator.cn/yoparent_scale/images/26/r1.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像火一样，热情而躁动，你呢？>你的气质像火一样躁动</div>
                <div class=result-desc>你的性情开朗、热情，坦率，但情感易于冲动而不持久；就像火焰一样，你的情感和行为动作产生迅速而且强烈，精力旺盛，经常以极大的热情从事工作，但有时缺乏耐心，在失去热情之后难以再集中精力。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src="http://static.winnovator.cn/scale/985747410.jpg" style="width: auto; height: 150px;"></div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
            <div class="result-content hide" id=r2>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.winnovator.cn/yoparent_scale/images/26/r2.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像土一样，平和而厚重，你呢？>你的气质像土一样平和</div>
                <div class=result-desc>你的情绪不易发生，也不易外露，很少产生激情，遇到不愉快的事也不动声色，给人一种厚重而平和的感觉。同时，你办事谨慎细致，从不鲁莽，能够保持稳定而持久的注意力但不易转移，所以有时可能会给人一种不灵活的感觉。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src="http://static.winnovator.cn/scale/985747410.jpg" style="width: auto; height: 150px;"></div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
            <div class="result-content hide" id=r3>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.winnovator.cn/yoparent_scale/images/26/r3.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像水一样，忧郁而深沉，你呢？>你的气质像水一样深沉</div>
                <div class=result-desc>你的情感体验非常细腻而深沉，聪明且观察力敏锐，能够察觉他人察觉不到的细微事物，但在情感的表达方面隐晦而不外露，易多愁善感。在行为方面有较明显的内倾性，对自己职责之内的事表现出坚韧的精神，但对于一些变化中的事物难免表现出一些不适应和优柔寡断。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src="http://static.winnovator.cn/scale/985747410.jpg" style="width: auto; height: 150px;"></div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
            <div class="result-content hide" id=r4>
              <div class="can-scroll result-can-scroll">
                <div class=img-cover main-img>
                  <img src=http://static.winnovator.cn/yoparent_scale/images/26/r4.jpg?v=1449898099060></div>
                <div class=result-title data-share-title=儿童气质类型测试，我的气质像风一样，优雅而灵动，你呢？>你的气质像风一样灵动</div>
                <div class=result-desc>你的情感和行为动作发生得很快，变化得也快，但较为温和；易于产生情感，但体验不深，善于结交朋友，也容易适应新的环境；你的行为有明显的外倾性特点，思维灵活，但有事不注重细节，注意力与兴趣易于转移，不稳定；在意志力方面缺乏忍耐性，毅力不强。</div>
                <div class=result-more>
                  <div class=follow-more>更多测试请关注</div>
                  <div class=follow-weixin>
                    <img src="http://static.winnovator.cn/scale/985747410.jpg" style="width: auto; height: 150px;">
                </div>
                </div>
              </div>
              <div class="share-btn-wrap highlight">晒结果</div></div>
          </li>
        </ul>
      </div>
    </div>
    <script src=http://static.winnovator.cn/yoparent_scale/scripts/26/vendor26.js?v=1449898099060></script>
    <script src=scripts/main26.js?v=1449898099060></script>
    <script src=scripts/lib26.js?v=1449898099060></script>
    <script type=text/javascript src=http://res.wx.qq.com/open/js/jweixin-1.0.0.js></script>
    <script type=text/javascript>window.resultUrl = "http://123.59.44.69:7070/yoparent/scale/result";

      var quizId = 26;
      $.ajax({
        type: 'get',
        url: 'http://123.59.44.69:7070/yoparent/scale/initData?quizId=' + quizId + '&url=' + encodeURIComponent(location.href.split('#')[0]) + '&r=' + Math.random(),
        success: function(data) {
          var configData = eval('(' + data + ')');
          sysconfig(configData);
          wxconfig(configData);
        }
      });

      function sysconfig(data){
          var _token = AppStorage.getValueInLocalStorage("scale-token");
          if(!_token){
              AppStorage.setValueInLocalStorage("scale-token", data.token);
          }
          window.yoparent_token = data.token;
          window.yoparent_start_time = parseInt(data.startTime);
      }

      function wxconfig(data){
          wx.config({
              debug: false,
              appId: data.singatureParm.appId,
              timestamp: parseInt(data.singatureParm.timestamp),
              nonceStr: data.singatureParm.nonceStr,
              signature: data.singatureParm.signature,
              jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ"]
          });

          wx.ready(function(){
              wx.checkJsApi({
                  jsApiList: ['chooseImage'],
                  success: function(res) {}
              });
              wx.onMenuShareTimeline({
                  title: '儿童气质类型测试，一幅漫画测测你的气质',
                  link: 'http://scale.yoparent.cn/view26.html',
                  imgUrl: 'http://static.winnovator.cn/yoparent_scale/images/26/face.jpg',
                  success: function () {
                      eventLogger && eventLogger.log("timeline_success", "share", "timeline");
                  },
                  cancel: function () {
                      eventLogger && eventLogger.log("timeline_cancel", "share", "timeline");
                  }
              });

              wx.onMenuShareAppMessage({
                  title: '儿童气质类型测试，一幅漫画测测你的气质',
                  desc: '从心理学的角度，你是什么气质类型呢？接下来的漫画将帮助你了解。',
                  link: 'http://scale.yoparent.cn/view26.html',
                  imgUrl: 'http://static.winnovator.cn/yoparent_scale/images/26/face.jpg',
                  type: 'link',
                  dataUrl: '',
                  success: function () {
                      eventLogger && eventLogger.log("group_success", "share", "group");
                  },
                  cancel: function () {
                      eventLogger && eventLogger.log("group_cancel", "share", "group");
                  }
              });
          });
      }
      </script>
      <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "//hm.baidu.com/hm.js?061e31ddbdbd77c0403205c71bf52730";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
      </script>

  </body>

</html>
